iT邦幫忙

2023 iThome 鐵人賽

DAY 27
0
SideProject30

一起去遛狗系列 第 27

【一起去遛狗】Day 26 寫入地理位置

  • 分享至 

  • xImage
  •  

前面幾天研究如何使用,今天來試試用在專案上!

  • 首先我要先將目前的裝置定位寫到 Cloud Firestore 雲端資料庫中
import { doc, setDoc } from "firebase/firestore";

const coordinates = await Geolocation.getCurrentPosition();
centerCoordinates.lat = coordinates.coords.latitude;
centerCoordinates.lng = coordinates.coords.longitude;

const userLocationRef = doc(db, "userLocations", "userId"); 
await setDoc(userLocationRef, centerCoordinates);
  • 但由於我還沒儲存特定的 user id, 我先用亂數產生 ID 的方式寫入演式,要亂數產生 ID 可以用 Firestore 提供的 add()
import { addDoc, collection } from "firebase/firestore";

const coordinates = await Geolocation.getCurrentPosition();
centerCoordinates.lat = coordinates.coords.latitude;
centerCoordinates.lng = coordinates.coords.longitude;

const userLocationsCollection = collection(db, "userLocations");
const docRef = await addDoc(userLocationsCollection, centerCoordinates);

oeal3zB

明天會研究如何用 onSnapshot 來監聽資料庫,達到即時更新的效果,並且讓其他的裝置定位出現在畫面上,每天都只有短短的時間可以研究跟寫文章,希望明天能試出來~QQ


上一篇
【一起去遛狗】Day 25 Firestore 獲取資料
下一篇
Day 27 獲取地理位置
系列文
一起去遛狗30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言